<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>主页</title>
    <link rel="stylesheet" href="css/pc_common.css">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/header.css">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/footer.css">
    <link rel="stylesheet" href="css/font/iconfont.css">
    <script src="js/jquery.js"></script>  
	
</head>

<body>

    <!-- 头部 -->
    <div class="big.header">
        <div class="header">
            <img class="tbimg" src="images/1 (3).jpg" alt="">
            <ul class="nav">
                <li class="nav_li">
                    <a class="nav_a" href="">产品</a>
                    <!-- 产品的二级菜单开始 -->
                    <div class="bignav2">
                        <ul class="nav2_product_ul">
                            <a href="pruduct.html">
                                <li class="nav2_product_li">
                                    <img class="tu_product" src="images/1 (24).png" alt="">
                                    <p>学生平板</p>
                                </li>
                            </a>
                           <a href="pruduct.html">
                                <li class="nav2_product_li">
                                    <img src="images/1 (20).png" alt="">
                                    <p>早教平板</p>
                                </li>
                            </a>
                           <a href="pruduct.html">
                                <li class="nav2_product_li">
                                    <img src="images/1 (22).png" alt="">
                                    <p>电话手表</p>
                                </li>
                            </a>
                           <a href="pruduct.html">
                                <li class="nav2_product_li">
                                    <img src="images/1 (18).png" alt="">
                                    <p>智能扫读笔</p>
                                </li>
                            </a>

                        </ul>
                    </div>
                    <!-- 产品的二级菜单结束 -->
                </li>

                <li>
                    <a class="nav_a" href="javascript:;">品牌</a>
                </li>
                <li>
                    <a class="nav_a" href="javascript:;">服务</a>
                </li>
                <li class="nav_lisc">
                    <a class="nav_a nav_a4" href="javascript:;">商城   

                    </a>
                    <!-- 商城的二级菜单开始 -->
                    <div class="bignavsp">
                        <ul class="nav2_shop_ul">
                            <li class="nav2_shop_li">
                                <a href="productxq.php">京东商城</a>
                            </li>
                            <li class="nav2_shop_li">
                                <a href="productxq.php">天猫商城</a>
                            </li>
                            <li class="nav2_shop_li">
                                <a href="productxq.php">苏宁易购</a>
                            </li>
                        </ul>
                    </div>  
                </li>
                <li>
                    <a class="nav_a" href="productxq.php">智慧课堂</a>
                </li>
                <li>
                    <a class="nav_a" href="productxq.php">招商加盟</a>
                </li>

            </ul>
            <div class="tbif">
                <a class="search-btn" href="javascript:;"style="color:#000 ;">
			
                    <span class="iconfont icon-sousuo"></span>
                </a>
                <a href="./login.html" class=""style="color:#000 ;">
                    <span class="iconfont icon-wode3"></span>
                </a>
                <a href="./cart.html" style="color:#000 ;">
                    <span class="iconfont icon-gouwuche1"></span>
                </a>

            </div>
            <div class="tbrit">
                <a class="tbrit_a tbrit_a1" href="login.html">注册</a>
				<a class="tbrit_a tbrit_a2" href="register.html">登录</a>
            </div>
        </div>

   
    </div>


    <!-- 轮播 -->
    <div class="container">
        <div class="lunbotu">
            <img class="lb_img" src="images/1t.jpg">
            <img class="lb_img" src="images/2t.jpg">
            <img class="lb_img" src="images/3t.jpg">
            <img class="lb_img" src="images/4t.jpg">
            <img class="lb_img" src="images/5t.jpg">
        </div>
        <div class="jindutiao">
            <div class="jdt current"></div>
            <div class="jdt"></div>
            <div class="jdt"></div>
            <div class="jdt"></div>
            <div class="jdt"></div>
        </div>
    </div>




    <!-- 商品 -->
    <div class="bigcontent">
        <div class="concent">
            <ul class="concentul">
                <li class="concentli">
                    <div class="concentdiv">
                        <img src="images/1 (21).png" alt="">
                        <!-- <span class="iconfont icon-bofang" ></span> -->
                        <div class="playimg">
                            <img src="images/1 (12).png" alt="">
                            <img src="images/1 (13).png" alt="">
                        </div>
                    </div>
                    <p class="conp">读书郎&王力宏2021广告片</p>
                </li>
                <li class="concentli">
                    <div class="concentdiv">
                        <img src="images/1 (3).jpeg" alt="">
                        <!-- <span class="iconfont icon-bofang" ></span> -->
                        <div class="playimg">
                            <img src="images/1 (12).png" alt="">
                            <img src="images/1 (13).png" alt="">
                        </div>
                    </div>
                    <p class="conp">C18Max大显身手</p>
                </li>
                <li class="concentli">
                    <div class="concentdiv">
                        <img src="images/1 (3).jpeg" alt="">
                        <!-- <span class="iconfont icon-bofang" ></span> -->
                        <div class="playimg">
                            <img src="images/1 (12).png" alt="">
                            <img src="images/1 (13).png" alt="">
                        </div>
                    </div>
                    <p class="conp">C30全新上市</p>
                </li>
                <li class="concentli">
                    <div class="concentdiv">
                        <img src="images/1 (1).jpeg" alt="">
                        <!-- <span class="iconfont icon-bofang" ></span> -->
                        <div class="playimg">
                            <img src="images/1 (12).png" alt="">
                            <img src="images/1 (13).png" alt="">
                        </div>
                    </div>
                    <p class="conp">电话手表A9火热来袭</p>
                </li>
            </ul>
        </div>
    </div>
    <!-- 底部导航 -->
    <div class="bigdbnav">
        <div class="dbnav">
            <ul class="link_list_container">
                <li>
                    <p>服务支持</p>
                    <ul class="link_list">
                        <li>
                            <a class="link_list_a" href="">真伪查询</a>
                        </li>
                        <li>
                            <a class="link_list_a" href="">保修服务</a>
                        </li>
                    </ul>
                </li>
                <li>
                    <p>资源下载</p>
                    <ul class="link_list">
                        <li>
                            <a class="link_list_a" href="">资料下载</a>
                        </li>
                        <li>
                            <a class="link_list_a" href="">家长助手App</a>
                        </li>
                        <li>
                            <a class="link_list_a" href="">电话手表App</a>
                        </li>
                    </ul>
                </li>
                <li>
                    <p>关于我们</p>
                    <ul class="link_list">
                        <li>
                            <a class="link_list_a" href="">公司简介</a>
                        </li>
                        <li>
                            <a class="link_list_a" href="">联系我们</a>
                        </li>
                    </ul>
                </li>
                <li>
                    <p>关注我们</p>
                    <ul class="link_list">
                        <li>
                            <a class="link_list_a" href="">官方社区</a>
                        </li>
                        <li>
                            <a class="link_list_a" href="">官方微博</a>
                        </li>
                        <li>
                            <a class="link_list_a" href="">官方微博</a>
                        </li>
                    </ul>
                </li>
            </ul>
            <!-- 底部导航右边 -->
            <div class="online">
                <div class="online_tel">400-8325-888</div>
                <a class="online_a" href="">
                    <div>
                        <!-- <span class="online_img"></span> -->
                        <img class="online_img" src="images/1 (6).png" alt="">
                        <span>在线客服</span>
                    </div>
                    <p class="online_time">服务时间：8:00-21:30</p>
                </a>
            </div>
        </div>
    </div>
    <!-- 底部 -->
    <footer>
        <div class="footer">
            <p>
                <a class="footer_a" href="">版权声明</a>
                <span>©2021 读书郎教育科技有限公司 版权所有(</span>
                <a class="footer_a" href="">粤ICP备12092216号</a>
            </p>
            <p>
                <a class="footer_a" href="" title="企业名称：读书郎教育科技有限公司  法定代表人：秦曙光  标识状态：已激活  ">
                    <img src="images/1 (8).png" alt="">
                    <span>粤工商备P201708002261</span>
                </a>
                <span>丨</span>
                <a class="footer_a" href="" title="">
                    <img src="images/1 (9).png" alt="">
                    <span>粤公网安备 44200002442753号</span>
                </a>
            </p>
        </div>
    </footer>
	
	
    <!-- 回到顶部 -->
    <a class="di_to_top" href="">
        <img class="di_to_top_img" src="./images/1 (2).png" alt="">
        <span class="di_to_top_span">^</span>
        <p class="di_to_top_p">回到顶部</p>
    </a>
    <!-- 回到顶部的js -->
    <script>
        $(document).scroll(function () {
            // console.log("点击了")
            let res = $(document).scrollTop();
            // console.log(res);
            if (res > 500) {
                $(".di_to_top").fadeIn(500);
            } else {
                $(".di_to_top").fadeOut(500);
            }
        })
        //滚动回到顶部
        $(".di_to_top").on("click", function () {
            $(".di_to_top").style.display = "none";
            $("html,body").animate({
                scrollTop: 0,
            }, 500)
        })
    </script>
</body>
	<script src="./js/lunbotu.js"></script>
	 <script src="./js/header.js"></script>  
</html>